<!DOCTYPE html>
<html>

<head>
    <title>用户注册</title>
    <meta name="keywords" content="{$site_info.site_seo_keywords|default=''}" />
    <meta name="description" content="{$site_info.site_seo_description|default=''}">
    <include file="public@head" />
    <link rel="stylesheet" href="__TMPL__/public/assets/css/login.css?{:time()}">
</head>

<body class="page-acount">
    <div class="container">
        <div class="row justify-content-md-center">
            <div class="col-md-auto py-5">
                <div class="card mt-5 py-5 px-4">
                    <div class="login-head text-center">
                        <a href="__ROOT__/"><img src="/assets/dist/images/logo.png" style="height: 40px;"></a>
                    </div>
                    <div class="card-body p-0 mt-5">
                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs nav-fill nav-login" role="tablist">
                            <li class="nav-item"><a class="nav-link text-dark active" href="#regMobile" aria-controls="regMobile" role="tab" data-toggle="tab">手机注册</a></li>
                            <li class="nav-item"><a class="nav-link text-dark" href="#regEmail" aria-controls="regEmail" role="tab" data-toggle="tab">邮箱注册</a></li>
                        </ul>
                        <!-- Tab panes -->
                        <div class="tab-content mt-3">
                            <div role="tabpanel" class="tab-pane active" id="regMobile">
                                <form class="js-ajax-form" action="{:url('user/Register/doRegister')}" method="post">
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-phone"></i></div>
                                        </div>
                                        <input type="text" name="username" placeholder="手机号" class="form-control" id="js-mobile-input">
                                    </div>
                                    <div class="form-group">
                                        <div style="position: relative;">
                                            <input type="text" name="captcha" placeholder="验证码" class="form-control captcha" style="width: 170px;float: left;margin-right: 30px">
                                            <captcha height="38" width="160" font-size="20" />
                                        </div>
                                    </div>
                                    <div class="input-group mb-3">
                                        <input type="text" class="form-control" name="code" placeholder="手机验证码" aria-describedby="basic-addon2">
                                        <div class="input-group-append">
                                            <span class="input-group-text" id="basic-addon2"><a class="js-get-mobile-code" data-wait-msg="[second]秒后才能再次获取" data-mobile-input="#js-mobile-input" data-url="{:url('user/VerificationCode/send')}" data-type="register" data-init-second-left="60"> 点击获取手机验证码 </a></span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="password" name="password" placeholder="设置密码" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" name="redirect" value="">
                                        <button class="btn btn-info btn-block js-ajax-submit" type="submit">立即注册</button>
                                    </div>
                                </form>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="regEmail">
                                <form class="js-ajax-form" action="{:url('user/register/doRegister')}" method="post">
                                    <div class="input-group mb-3">
                                        <div class="input-group-prepend">
                                            <div class="input-group-text"><i class="fa fa-envelope-o"></i></div>
                                        </div>
                                        <input type="text" name="username" placeholder="邮箱" class="form-control" id="js-email-input">
                                    </div>
                                    <div class="input-group mb-3">
                                        <input type="text" name="captcha" placeholder="验证码" class="form-control">
                                        <div class="input-group-append">
                                            <span class="input-group-text" style="padding: 0"><captcha height="32" width="160" font-size="20" /></span>
                                        </div>
                                    </div>
                                    <div class="input-group mb-3">
                                        <input type="text" name="code" placeholder="邮件验证码" class="form-control">
                                        <div class="input-group-append">
                                            <span class="input-group-text" id="basic-addon2">
                                                        <a class="js-get-email-code" 
                                                        data-wait-msg="[second]秒后才能再次获取" 
                                                        data-email-input="#js-email-input" 
                                                        data-url="{:url('user/VerificationCode/send')}" 
                                                        data-type="register" 
                                                        data-init-second-left="60"> 点击获取邮箱验证码 </a>
                                                    </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="password" name="password" placeholder="设置密码" class="form-control">
                                    </div>
                                    <div class="form-group">
                                        <input type="hidden" name="redirect" value="">
                                        <button class="btn btn-info btn-block js-ajax-submit" type="submit">立即注册</button>
                                    </div>
                                    
                                </form>
                            </div>
                            <div class="text-center">
                                        <span class="">已有账号？<a href="{:cmf_url('user/Login/index')}">立即登录</a></span>
                                    </div>
                        </div>
                    <!-- <div class="social text-center">
                                <div class="social-head">
                                    <div class="with-line">第三方账号登录</div>
                                </div>
                                <ul class="list-inline">
                                    <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-wechat"></i></a></li>
                                    <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-qq"></i></a></li>
                                    <li class="list-inline-item"><a href="javascript:alert('即将开放！');" class="item"><i class="fa fa-weibo"></i></a></li>
                                </ul>
                            </div> -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /container -->
    <include file="public@scripts" />
</body>

</html>